<!DOCTYPE html>
<html>

<head>

<meta charset="UTF-8">

<title>{:session('conf.title')}</title>

<link rel="stylesheet" href="__ADMIN__/login/css/reset.css">

<link rel="stylesheet" href="__ADMIN__/login/css/style.css" media="screen" type="text/css" />

</head>

<body>

<div id="window" style="display:none;">

  <div class="page page-front">
    <div class="page-content">
    <form name="loginForm" id="login_form" method="post" action="{:U('index/login')}">
      <div class="input-row">
        <label class="label fadeIn">用户名</label>
        <input name="username" type="text" data-fyll="pineapple" class="input fadeIn delay1"/>
      </div>
      <div class="input-row">
        <label class="label fadeIn delay2">密码</label>
        <input name="password" type="password" data-fyll="hackmeplease" class="input fadeIn delay3"/>
      </div>
      <div class="input-row">
        <label class="label fadeIn delay3">验证码</label>
        <input name="vcode" type="text" data-fyll="pineapple" class="input fadeIn delay3"/>
      </div>
      <div class="input-row">
        <label class="label fadeIn delay3"><img src="{:U('index/vcode')}" onclick="javascript:this.src='{:U('index/vcode')}?tm='+Math.random();" /></label>
      </div>

      <div class="input-row perspective">
        <input type="submit" value="登录" class="button load-btn fadeIn delay4">

      </div>
      </form>
    </div>
  </div>
</div>


<script type="text/javascript" src='__ADMIN__/login/js/jquery.js'></script>
<script type="text/javascript" src="__ADMIN__/login/js/index.js"></script>
<script type="text/javascript" src="__ADMIN__/layer/layer.js"></script>
<script type="text/javascript" src="/static/jqusey.form.js"></script>
<div style="text-align:center;">
</div>

<script type="text/javascript">
$('#login_form').submit(function() {
    var index = layer.load(2);

    $(this).ajaxSubmit(function(data){
        layer.close(index);
        if(data == 1){
            location.href="{:U('home/index')}";
        }else{
            layer.alert(data,{
                icon:2,
            });
        }
    })
    return false;
})

</script>

</body>
</html>